<html>
	<head>
		<wicket:head>
		</wicket:head>
	</head>
	
	<body>
		<wicket:panel>
			<form wicket:id="newQuestion">
				<div class="questionTitle">
					<span style="padding-left:5px;" wicket:id="title">Add another question</span>
				</div>
				<div class="questionAddBody">
					<div style="padding-left:10px;padding-top:10px;padding-right:10px;font-size:13px;">
						Choose a question type
					</div>
					<div wicket:id="questionTypeGroup">
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">
							<input type="radio" class="addQuestionMcso"  name="questionType" wicket:id="mcso"></input>
							<label for="mcmo">Radio Button(User can choose only one option)</label>
						</div>
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">
							<input type="radio" class="addQuestionFree" name="questionType" wicket:id="free"></input>
							<label for="free">Free-form text input</label>
						</div>						
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">
							<input type="radio" class="addQuestionDropDown" name="questionType" wicket:id="dropDown"></input>
							<label for="dropDown">Drop down list (User can choose only one option)</label>
						</div>
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">
							<input type="radio" class="addQuestionShortText" name="questionType" wicket:id="shortText"></input>
							<label for="shortText">Short text input(less than 255 characters)</label>
						</div>
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">						
							<input type="radio" class="addQuestionMcmo" name="questionType" wicket:id="mcmo"></input>
							<label for="mcmo">Checkbox (User can choose multiple options)</label>
						</div>
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">					
							<input type="radio" class="addQuestionRating" name="questionType" wicket:id="rating"></input>
							<label for="rating">Rating on a scale of 1 to 10</label>
						</div>
						<div style="width:50%;float:left;padding:5px auto 5px 5px;">
							<input type="radio" class="addQuestionPref" name="questionType" wicket:id="preferences"></input>
							<label for="preferences">Users indicate their preferences for each Item</label>
						</div>						
					</div>
					<div style="clear:both; padding:10px auto 5px; 10px;">
						<input type="checkbox" wicket:id="required"/>
						<label>
							User is required to answer this question.
						</label>
					</div>
				</div>
			
				<div style="clear:both"></div>

				<div class="MCMOSODIV question">
					<div style="font-weight:bold;font-size:12px;margin-top:15px; margin-left:15px;">Your question</div>
					<textarea wicket:id="questionMCQ" class="questionBox"></textarea>
									
					<div style="font-weight:bold;font-size:12px;margin-top:15px; margin-left:15px;">
						Answer Choices (each choice on a separate line)
					</div>
					<textarea wicket:id="answerOptions" class="questionBox"></textarea>
				</div>
				
				<div class="FFDIV question" style="display:none;">
					<div style="font-weight:bold;font-size:12px;margin-top:15px; margin-left:15px;">Your question</div>
					<textarea wicket:id="questionFreeForm" class="questionBox"></textarea>																
					<div style="padding-bottom:10px;font-size:9px;margin-top:15px; margin-left:15px;">
						The user will be required to provide an opinion in the form of text.
					</div>
				</div>
				
				<div class="RATINGDIV question" style="display:none;">
					<div style="font-weight:bold;font-size:12px;margin-top:15px; margin-left:15px;">Your question</div>
					<textarea wicket:id="questionRating" class="questionBox"></textarea>
					<div style="padding-bottom:10px;font-size:9px;margin-top:15px; margin-left:15px;">
						The user will be required to provide an answer as a number from 1-10.
					</div>
				</div>
				<div style="clear:both"></div>
			
				<div class="pollNavigation">
					<button type="submit" wicket:id="add"  id="addButton" class="es-button ui-state-default" style="margin-right:10px;">Add</button>
				</div>	
			</form>
		</wicket:panel>
	</body>
</html>